<template>
        <div style="display: inline-block; height: 2.5rem; width: 25rem; justify-content: space-between;">
        <p style="display: inline-block; line-height:1.2rem;" class="title">{{ inputTitle }}</p>
        <el-input v-model="input1" :placeholder="Tplaceholder" @input="Tinput(input1)"/>
    </div>
</template>
<style lang="less" scoped>
p.title{
    font-size: 1.2rem;
    margin: 0 0.5rem 0 2rem;
    font-weight: 500;
    position: relative;
    top: 0.1rem;
    padding: 0;
    height: 1.5rem;
}
.el-input{
    width: 15rem;
    font-size: 1rem;
    margin: 0;
    :deep(.el-input__wrapper){
        padding: 0 0.7rem 0 0.7rem;
        height: 2.5rem;
        border-radius: 0.5rem;
    }
    :deep(.el-input__inner){
        height: 1.6rem;
    }
}
</style>
<script lang="ts" setup>
import {ref} from 'vue'
defineProps({
    input:{
        type:String,
        default:''
    },
    Tplaceholder:{
        type:String,
        default:''
    },
    inputTitle:{
        type:String,
        default:''
    }
})
let input1=ref('')
let emit=defineEmits(["getInput"])
let Tinput=(input)=>{
    emit("getInput",input)
}
</script>